var pre=document.getElementById("left");
var next=document.getElementById("right");
var imgs=document.querySelectorAll(".carousel img");
var dots=document.querySelectorAll(".dot a");
var count=0;
function showImg(index){
    for (let i = 0; i < imgs.length; i++) {
        const img = imgs[i];
        img.classList.remove("active");
        if(i==index){
            img.classList.add("active");
            dots[i].classList.add("light");
        }else{
            img.classList.remove("active");
            dots[i].classList.remove("light");
        }
    }
}
// showImg(0);
pre.addEventListener("click",function(){
    if(count==0){
        count=imgs.length;
    }
    count--;
    showImg(count);
});
next.onclick=function(){
    count++;
    if(count>imgs.length-1){
        count=0;
    }
    showImg(count);
}
dots.forEach(function(v,i){
    v.onmouseover=function(){
       showImg(i);
    }
})
imgs.forEach(function(v){
    v.onmouseenter=function(){
        clearInterval(timer);
    }
    v.onmouseleave=function(){
        timer=setInterval(function(){
            next.click()
        },1500);
    }
})
var timer=setInterval(function(){
    next.click();
},1500);